웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
현재 페이지에서 새로운 창(새창)을 띄워야 하는 경우가 있죠. 보통 새로운 알림등의 팝업을 띄우는 경우나 외부 링크(현재 호스트가 아닌 페이지)로 연결하기 위해서 많이 사용합니다. 아래는 함수는 새창을 띄우는 자바스크립트 방법입니다.
window.open('이동할 url주소', '이동방법', '선택옵션', '페이지교체');
위 코드를 세부적으로 설명하면...
첫번째 이동할 주소는 이동하고자 하는 페이지를 의미합니다.
Ex) 'http://webisfree.com'
두번째, 이동방법은 아래처럼 네가지 옵션이 있습니다.
윈도우 객체의 open()메소드를 사용하여 새로운 창을 불러올 수 있습니다.
자주쓰는 이동방법의 선택가능한 값으로 아래와 같이 4가지가 있습니다.
i ._blank
ii. _parent
iii. _self
iv. _top name
그리고 위의 선택옵션을 설정하면 새로운 창이 나타낼 스크롤바, 툴바, 주소창 등등 다양한 옵션을 결정할 수 있게됩니다. 선택옵션으로 사용가능한 값은 아래와 같습니다.
width
height
top
left
directories
location
resizable
menubar
toolbar
scrollbars
status
# window() 예제소스 코드보기
! 너비가 300px, 300px인 창을 띄울경우
window.open('/', 'testWindow', 'width=300, height=300', '_blank');
!! 좌측 상단에 위치하려고 한다면...
window.open('/', 'testWindow', 'width=300, height=300, top=0, left=0');
이와 같이 사용할 수 있습니다.
!!! 스크롤바를 나타나게 하는방법
; 스크롤바를 숨기거나 나타내는 기능은 IE와 Firefox에서만 가능합니다.
window.open('/', 'testWindow', 'width=300, height=300, scrollbars=yes');
선택가능한 값은 yes | no | 1 | 0 입니다.
아래의 글도 찾고 계시지 않나요?
